.sup-info .sup-info-header {
  color: #fff;
  position: absolute;
  left: 50%;
  padding: 0 20px;
  background: #080910;
  z-index: 5;
  font-size: 20px;
  border: 1px solid #575f8e;
  border-top: 0;
  border-bottom: 0;
  transform: translate(-50%, -50%) scale(1);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sup-info .sup-info-item {
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  border: 2px solid #5e5f7b;
}
.sup-info .sup-info-item-left-top {
  left: -6px;
  top: -6px;
  border-right: 0;
  border-bottom: 0;
}
.sup-info .sup-info-item-left-bottom {
  left: -6px;
  bottom: -6px;
  border-top: 0;
  border-right: 0;
}
.sup-info .sup-info-item-right-top {
  right: -6px;
  top: -6px;
  border-left: 0;
  border-bottom: 0;
}
.sup-info .sup-info-item-right-bottom {
  right: -6px;
  bottom: -6px;
  border-top: 0;
  border-left: 0;
}
